  body{
   height: 900px;
    width:1520px;

}
* 
{
    margin: 0px;
    padding: 0px; 
}
.title>.span2{
    color: white;
    margin-top: 40px ;
    height: 60px;
    font-size: 20px;
    float:left ;
}
.title>div{
    background: url("img/1.png");
     margin-left: 90px;
     margin-top: 30px;
     width: 40px;
     height: 40px;
     float: left;
     display: inline-block;
     background-repeat: no-repeat;
     background-size: cover;
}
.list>ul li{
    float: right;
    color: white;
   list-style-type:none;
   height: 25px;
   margin:40px 40px 0px 0px;
   display: inline-block;
   font-size: 16px;
}

.background{
  background: black;
  width: 100%;
   height: 100px;
   font-family: "SimHei"; 
}
.dislog{
   float:right;
   color: white;
    height: 25px;
    margin: 40px 20px  0px  0px;
    font-size: 16px;
}
.space{
  float: right ;
  width: 90px;
  height: 100px;
  display: inline-block;
}
.clean{
      margin: 0px 0px;
      height: 0px;
     clear: both;
}
.title2{
     margin-top: 0px;
      height: 150px;
      width:100%;
      background: black;
}
.title2>.p7{
     font-size: 30px;
     text-align: center;
     color: white;
     margin-bottom: 20px;
     padding-top: 20px;
     font-weight: 600;
     font-family: '微软雅黑'；
}
.title2>.p2
{   
     font-size: 14px;
     text-align: center;
     color: white;
      font-family: '微软雅黑'；
}
h2{
     color: black ;
     font-size: 30px;
     margin-top: 20px;
     margin-bottom: 20px;
     font-weight: lighter;
     margin-left: 190px;
}
.one{   margin-left: 10%；
        margin-right:10%;
     width: 100%;
      height: 300px;
      box-sizing: border-box;
}
.one1{ 
     height: 300px;
      width: 26%;
       display: block;
     float: left;
     
}
.one2{ 
     height: 300px;
    width: 26%;
     display: block;
     float: left;
}
.one3
{ height: 300px;
   width: 27%;
    display: block;
     float: left;
}
.one1picture{
     background-image: url("img/w1.jpg");
     height:250px;
     width: 90%;
      background-repeat:no-repeat;
     background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;
}
.one1name{
     display: inline-block;
     margin-top: 20px;
     margin-left: 20px;
     font-weight:600;
     color: #337ab7;
     font-size: 18px;
     margin-bottom: 10px;
}
.one1prize{
         margin-left: 30px;
        color: green;
       text-decoration: line-through;  

}
.one1prize2{
     margin-left: 50px;
     font-size: 18px;
      color:#6fd508; 
}
.one2picture{
background-image: url("img/w2.jpg");
     height: 250px;
     width: 90%;
      background-repeat:no-repeat;
     background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;
}
.one3picture{
    background-image: url("img/w3.jpg");
     height: 250px;
     width: 90% ;
      background-repeat:no-repeat;
     background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;
}
.one4picture{
    background-image: url("img/w4.jpg");
     height: 250px;
     width: 90% ;
      background-repeat:no-repeat;
     background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;
     }
.one5picture{
    background-image: url("img/w5.jpg");
     height: 250px;
     width: 90% ;
      background-repeat:no-repeat;
     background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;
     }
.one6picture{
    background-image: url("img/w6.jpg");
     height: 250px;
     width: 90% ;
      background-repeat:no-repeat;
     background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;
     }  
.one7picture{
    background-image: url("img/w7.jpg");
     height: 250px;
     width: 90% ;
      background-repeat:no-repeat;
     background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;
     }  
.one8picture{
    background-image: url("img/w8.jpg");
     height: 250px;
     width: 90% ;
      background-repeat:no-repeat;
     background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;
     }  
.one9picture{
    background-image: url("img/w9.jpg");
     height: 250px;
     width: 90% ;
      background-repeat:no-repeat;
     background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;
     }      
.one4{
     height: 250px;
     width: 10%;
    display: block;
     float: left;
}
.one5{
     height: 250px;
   width: 8%;
    display: block;
     float: left;
}
.start{
  background-image: url("img/star.jpg");
 height:20px;
 width: 20px;
margin-left:10px;
background-repeat: no-repeat;
display:block;
background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;   
 float:left;
 background-color: white ;
}
.box{
   width:90%;
   height: 85px;
   border:0.2px solid pink ; 
     
}
.difficult{
    float:right;
    background-color: blue;
     color: white;
     display:block;
     margin-right:40px;
     height: 20px;
    width:90px:;
        margin-top: 25px;
 
}
.one1prize3{
      margin-left:100px;
     font-size: 18px;
      color:#6fd508; 
}
.one1prize4{
     margin-left:100px;
     font-size: 18px;
      color:#6fd508; 
}
.difficult1{
    float:right;
    background-color: red;
     color: white;
     display:block;
     margin-right:40px;
     height: 20px;
    width:90px:;
     margin-top: 25px;
 
}
.difficult2{
    float:right;
    background-color: green;
     color: white;
     display:block;
     margin-right:40px;
     height: 20px;
    
margin-top: 25px;
}
.space1{
     margin-bottom: 100px;
}
.p0{
    height: 600px;
    margin-right: 100px;
    margin-left: 100px;
}
.p3{   height: 300px;
     float: left;
      width: 27%;
      margin-left: 40px;
      margin-right: 40px;
      margin-bottom: -50px;

}
.picture1
{   width: 200px;
     height: 200px;
    background-image: url("img/p1.png"); 
    background-repeat: no-repeat;
        margin-left:130px;
 margin-top: 30px;

}
.picture2{
     width: 200px;
     height: 200px;
    background-image: url("img/p2.png"); 
    background-repeat: no-repeat;
        margin-left:130px;
 margin-top: 30px;
}
.picture3{
     width: 200px;
     height: 200px;
    background-image: url("img/p3.png"); 
    background-repeat: no-repeat;
        margin-left:130px;
 margin-top: 30px;
}
.picture4{
     width: 200px;
     height: 200px;
    background-image: url("img/p4.png"); 
    background-repeat: no-repeat;
        margin-left:130px;
 margin-top: 30px;
}
.picture5{
     width: 200px;
     height: 200px;
    background-image: url("img/p5.png"); 
    background-repeat: no-repeat;
        margin-left:130px;
 margin-top: 30px;
}
.picture6{
     width: 200px;
     height: 200px;
    background-image: url("img/p6.png"); 
    background-repeat: no-repeat;
        margin-left:130px;
 margin-top: 30px;
}

.smallltitle{
         position: relative;
         font-size: 20px;
             font-weight: 600;
    font-family: '微软雅黑' !important;
    color: #f39c12;
    margin-top: -120px;
    margin-left: 150px;

}
.text2{  font-family: '微软雅黑';
         font-size: 14px;
    color: #777;
    font-weight: 400;
    line-height: 26px;
    text-align: center;
}
.smallltitle:hover{
     color: black;
}
.smallltitle1{
         position: relative;
         font-size: 20px;
             font-weight: 600;
    font-family: '微软雅黑' !important;
    color: #f39c12;
    margin-top: -120px;
    margin-left: 130px;

}
.smallltitle1:hover{
     color: black;
}
.space2{
       margin-top:-120px;
     background: #eee;
     height: 200px;
     width:100%;
}
.word{
       padding-top: 50px;
         font-size: 20px;
         font-weight: 600;
    font-family: '微软雅黑' !important;
    text-align: center;
}
.word1{
     text-align: center;
     font-size: 15px;
}
.word2{
    background: #5cb85c;
    text-align: center;
    color: white;
    margin-left:650px;
    margin-top: 30px;
    width:170px;
    font-size: 18px;
    padding-top: 5px;
}
.bigone{
     width: 80%;
    height:900px;
     margin: auto;
background: white;
}
.list1{
       width: 27%;
       height: 400px;

}

.list1 ul li{
     margin-bottom: 20px;
        display: block;
    box-shadow: 0 0px 1px #CECECE;
    color: #337ab7;
    font-size: 18px;
}
.photo{
     height: 200px;
      width: 100%;
      background-image: url("img/w3.jpg");
     
}
.trouble{
      margin-top: -20px;
    background-color:#ECECEC;
     height: 50px;
     width:100%;
     margin-bottom: 20px;
}
.trouble1{margin-left:30px;
      font-size: 18px;
     color: #f39c12;
     margin-top: 10px;
     display: inline-block;
}
.one1prize7{
      margin-top: 10px ;font-size: 18px;
     color: red;
     display: inline-block;
     margin-left: 50px;
}
.list2{
      width: 27%;
       height: 400px;
margin-top: 70px;
}
.list2title{
        font-weight: 300;
    font-size: 20px;
     height: 50px;
     margin-bottom: -10px;
}

.picture7{
     background-image: url("img/user1.jpg");
     height: 70px;
     width: 70px;
     background-repeat:no-repeat;
     background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;  
	 
}
.device{
    height: 70px;
    margin-bottom: 30px;
    }

.tired{
     margin-top: -70px;
 margin-left: 90px;
     height: 70px;
  float: left ;
}

.p1{ color: #337ab7;
     font-weight: 600;
    color-size:.9em;
}
.p2{

}

.a3{  
      color-size:.9em;
     color: #777;
}
.picture8{
     background-image: url("img/user2.jpg");
     height: 70px;
     width: 70px;
     background-repeat:no-repeat;
     background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;  
}
.picture9{
     background-image: url("img/user3.jpg");
     height: 70px;
     width: 70px;
     background-repeat:no-repeat;
     background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;  
}
.list3{
    float: left;
    margin-top: -850px;
    margin-left: 400px;
    height: 900px;
    width: 400px;
}
.list4{
    
   height: 400px;
  
}
.a4{
color: #337ab7;
    font-size: 1em;
    font-weight: 600;
     margin-top:30px;
     margin-left: 10px;
}
.a5{    width: 360px;
color: #777;
    font-size: .9em;
    margin: 1em 0 0 0;
    line-height: 1.8em;
}
.a6{
    font-size: .9em;
    line-height: 1.8em;
    color: #464646;
}
.a7{
         color: rgb(41, 41, 41);
    font-family: 微软雅黑;
    font-weight: 300;
    font-size: 1.5em;
        margin-bottom: 20px;
}
.list6{
     height: 400px;
}
.a8{
     background-image: url("img/t1.jpg");
     height: 70px;
     width: 70px;
     background-repeat:no-repeat;
     background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;  
}
.a9{
   float:left;

}

.a10{
     background-image: url("img/t2.jpg");
     height: 70px;
     width: 70px;
     background-repeat:no-repeat;
     background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;  
}

.a11{
     background-image: url("img/t3.jpg");
     height: 70px;
     width: 70px;
     background-repeat:no-repeat;
     background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;  
}

.a12{
     background-image: url("img/t4.jpg");
     height: 70px;
     width: 70px;
     background-repeat:no-repeat;
     background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;  
}
.pictures{
   
background-image: url("img/w2.jpg");
     height: 200px;
     width: 90%;
      background-repeat:no-repeat;
     background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;
}

.picturess{
background-image: url("img/w5.jpg");
     height: 200px;
     width: 90%;
 background-repeat:no-repeat;
     background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;
}
.a13{
    margin-top: -850px;
    margin-left: 850px;
    height: 900px;
    width: 400px;
}
.a14{
     height: 400px;
}
.a15{
 color: rgb(41, 41, 41);
    font-family: 微软雅黑;
    font-weight: 300;
    font-size: 18px;
    margin-bottom: 25px;
}
.a16{
   color: #337ab7;
   font-size: 12px;
    margin-bottom: 25px;
    font-weight: 600;

}
.a16:hover{
     color:green;
}
.a17{
        margin-top: 50px;
}
.foot{
    height: 200px;
    width: 100%;
        color: #aaa;
    background: #2e2e2e;
        margin-top: 20px;
    height: 120px;

}
.first1{
float: left;
    width: 50%;


}
.second2{
    width: 50%;
    float: left;
    height: 20px;


}
.z10{
    float: right;
    color: black;
    margin-right: 20px;
    font-size: 13px;
    margin-top: 5px;
}
.content{
          padding-top: 50px;
          height: 20px;
          margin:auto;
          width:75%;
}

.p1:hover{
     color: #6fd508;
}
.g4:hover{
  background-color: #f39c12;
   
  
}

.word2:hover{
   background-color: #4cae4c;
}

.color{
    color: #fdd000;
    margin-left: 5px;
}
.f{
    margin-left:20px;
}











.picturesss{    margin-top: -7px;
       height: 35px;
    background-image: url("img/social.png");
      background-repeat:no-repeat;
     background-position:50% 50%;              /*图片上下左右居中*/  
 background-size:contain;  
}
